<template>
    <div class="toplistside">
      <div style="margin-top:40px;width:100%;height:1936px">
          <h2 style="width:215px;height:16px;margin:0 10px 12px 15px">
              云音乐特色榜
          </h2>
          <ul style="width:240px;height:248px" class="tlsul">
          <li @click="growup">飙升榜</li>
          <li >新歌榜</li>
          <li >原创榜</li>
          <li >热歌榜</li>
          </ul>
      </div>
    </div>
</template>

<script>
export default {
    name:'toplistside',
    data(){
        return{ toplist:'/discover/toplist/19723756',
         gup:'19723756'
        }
       
    },
    methods:{
        growup(gup){
            this.kkkk=gup
            this.$emit('selectd',this.gup)
        }
    }
}
</script>

<style>
    .toplistside {
        width: 240px;
        height: 1976px;
    }
    .tlsul li{
        width:220px;
        height: 42px;
        margin: 10px 0 10px 20px;
    }
</style>